<template>
  <div id="timetableDetail">
      <classDetailHeader :categoryList="classList"/>
      <div class="course_container">
          <div class="bg-fff">
            <h4 class="area_title">待完成</h4>
            <timetableDetailList :timetableDetailList ="timetableDataList"/>
          </div>
          <div class="bg-eee">
            <h4 class="area_title">已完成</h4>
            <timetableDetailList :timetableDetailList ="timetableDataList"/>
          </div>
      </div>
  </div>
</template>

<script>
import  classDetailHeader from './classDetailHeader'
import timetableDetailList from './timetableDetailList'
export default {
  components:{
    classDetailHeader,
    timetableDetailList
  },
  data() {
      return {
          classList:['我的课表','课表日历'],
            timetableDataList:[
                {
                    timetablePic:'https://img1.sycdn.imooc.com/574669dc0001993606000338-360-202.jpg',
                    timetableClassification:'免费课程',
                    timetableName:'C语言入门',
                    timetableProgressCatalogue:'1.01 初始C语言',
                    timetableProgress:'0',
                    timetable:'已完结'
                },
                {
                    timetablePic:'https://img4.sycdn.imooc.com/529dc3380001379906000338-360-202.jpg',
                    timetableClassification:'免费课程',
                    timetableName:'初识HTML(5)+CSS(3)-2020升级版',
                    timetableProgressCatalogue:'1.01 代码初体验，制作我的第一个网页',
                    timetableProgress:'1',
                    timetable:'连载'
                }
            ]
      }
  },
}
</script>

<style>
@import url('../assets/css/timetableDetail.css');
</style>